.fade {
  &-enter-active, &-leave-active {
    transition: opacity 0.3s ease-in-out;
  }

  &-enter-from, &-leave-to {
    opacity: 0;
  }
}

.fade-slide {
  &-leave-active, &-enter-active {
    transition: all 0.3s;
  }

  &-enter-from {
    opacity: 0;
    transform: translateX(-30px);
  }

  &-leave-to {
    opacity: 0;
    transform: translateX(30px);
  }
}
